{% extends "html/sidebar.html" %}

{% block pageTitle %}<title>{{ landmark.name }}</title>{% endblock pageTitle %}

{% block style %}
    {{ block.super }}
     <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/landmark.css"/>
{% endblock style %}

{% block script %}
    {{ block.super }}
    {% comment %}link to js for this page{% endcomment %}
    <script type="text/javascript" src="{{STATIC_URL}}js/landmark.js" ></script>
{% endblock script%}


{% block content %}
	<div style="display:none" id="quoteDiv" title='A passing stranger says...'><span id='quote'>This is a test, this is only a test</span></div>
    {{ block.super }}
    {% comment %}This is where the landmark is displayed. The available options for that user are presented to them, the user decides which one to do, and they continue on the game. {% endcomment %}
    <div id="info"><h1>Welcome to {{ landmark.name }}</h1></div>
    {% if landmark.image %}<img src='{{ landmark.image.url }}' height='300' width='300'></img>{% endif %}
    <div id="options">
    <h3>Choose an option from below:</h3>
    {% if store %}
    	<a href='{% url travel_game.views.renderStore %}' class='button'>{{ store.name }}</a>
    {% endif %}
    <button class='button' id='quoteButton' url='{% url travel_game.views.getQuote %}'>Eavesdrop</button>
    <a href='{% url travel_game.views.leaveLandmark %}' class='button'>Leave {{ landmark.name }}</a>
    </div>
{% endblock content %}